<!doctype html>
<html>
<head>
  <title>Bowling View</title>
  <meta charset="utf-8">
  
  <style>
	input {
	  position:absolute;
      right:50px;
      top:50px;
	}
  </style>
  <script type="text/javascript" src="javascript/jquery.js"> </script>
  <script type="text/javascript" src="javascript/view.js"></script>
  <script src="webgljs/three.js"></script>
  <script src="webgljs/jiglib.all.full.js"></script>
  <script src="webgljs/util.js"></script>
  <script src="webgljs/webgl.js"></script>
  <script src="webgljs/audio.js"></script>
  <script src="webgljs/gravity.js"></script>
  <script src="webgljs/object.js"></script>
  <script src="webgljs/background.js"></script>
  <script src="webgljs/track.js"></script>
  <script src="webgljs/ball.js"></script>
  <script src="webgljs/bottle.js"></script>
  <script src="webgljs/main.js"></script>

  <link rel="stylesheet" href="css/view.css">
</head>
<body >
<div id="scores-wrapper">
<table id="mytable" border="1">
<thead>
  <tr id="th_infors">
  </tr>
</thead>
<tbody id="scores"></tbody>
</table>
</div>

<div id="webglcanvas"></div>
<div id="ending_wrapper">
  <div id="ending">
     <div id="text_end">
        <p id="name">额为哦</p>
        <p id="winner">色弱色弱</p>
     </div>
  </div>
</div>
<div id="waiting-wrapper">
<div id="waiting-zone">
    <div id="getBowling">
     <div id="game-tip">
      <!--<p id="player1"></p>
      <p id="player2"></p>
      <p id="player3"></p>-->
      <p id="login"></p>
      <p id="login1"></p>
      <p id="wait_user">等待其他玩友进入...</p>
      <p id="txt_two_dimensional">请拍摄右边二维码获取保龄球登陆游戏</p>
    </div>
    <div id="qrCode"></div>
    </div>
    <p id="access">你可以访问：<a id="client-url"></a></p>
  </div>
  <div id="main-message">
  &#x8F6E;&#x5230;&#x4F60;&#x6254;&#x4FDD;&#x9F84;&#x7403;&#x4E86;&#x8BF7;&#x7528;&#x624B;&#x6307;&#x5212;&#x8FC7;&#x5C4F;&#x5E55;
  </div>
</div>
  
  <script type="text/javascript" src="javascript/VUI.js"></script>
<script type='text/javascript'>
  var element = $("webglcanvas");
  var init = new Bowling.Init(document.body);
  Bowling.LoadResource(Bowling.Render);

  room.init();
  room.join();
 
</script>
<!--  <input type="button" value="One Frame" onclick="Bowling.KickOneFrame(1, 1, function(count){alert(count);});">One Frame</input>-->
</body>
</html>
